<template>
    <div>
        <div v-for="(myImg,i) in list" v-bind:key="myImg.id">
            <router-link :to="myImg.path">
                <img :src="require('../../assets/png/子系统PHM/' + myImg.name + '.png')" :alt="myImg.name" class="myPHM" >
            </router-link>
        </div>
    </div>
</template>

<script>
    export default {
        name: "PHM",
        data: function() {
            return {
                list: [
                    {id:1,name:'车门',path:'door'},
                    {id:2,name:'弓网',path:'bow'},
                    {id:3,name:'空调',path:'airCon'},
                    {id:4,name:'牵引',path:'drag'},
                    {id:5,name:'制动',path:'stop'},
                    {id:6,name:'走行部',path:'bogie'}
                ]
            };
        }
    }
</script>

<style scoped>
    .myPHM{
        float:left;
        margin-left: 41px;
        margin-top: 40px;
        width: 233px;
        height: 289px;
    }
</style>
